<extend name="./public/frame.html"/>
<block name="content">
    <table class="layui-table">
        <tr>
            <td>丢失物品类型</td>
            <td>{$lost_goods_type}</td>
        </tr>
        <tr>
            <td>发现日期</td>
            <td>{$found_at}</td>
        </tr>
        <notempty name="goods_pic">
            <volist name="goods_pic" id="pic" key="i">
                <tr>
                    <eq name="i" value="1">
                        <td rowspan="{$count_pic}">物品照片</td>
                    </eq>
                    <td class="layer-photos-demo"><img layer-src="{$pic}" src="{$pic}" alt="物品照片"/></td>
                </tr>
            </volist>
        </notempty>
        <notempty name="remark">
            <tr>
                <td>备注</td>
                <td>{$remark}</td>
            </tr>
        </notempty>
        <tr>
            <td>上报司机姓名</td>
            <td>{$driver_name}</td>
        </tr>
        <tr>
            <td>上报时间</td>
            <td>{$created_time}</td>
        </tr>
        <tr>
            <td>失主是否领取</td>
            <td>
                <eq name="is_dispose" value="1">
                    是
                    <else/>
                    否
                </eq>
            </td>
        </tr>
        <notempty name="owner">
            <tr>
                <td>失主姓名</td>
                <td>{$owner}</td>
            </tr>
        </notempty>
        <notempty name="owner_phone">
            <tr>
                <td>失主联系方式</td>
                <td>{$owner_phone}</td>
            </tr>
        </notempty>
        <notempty name="user_name">
            <tr>
                <td>后台登记人员</td>
                <td>{$user_name}</td>
            </tr>
        </notempty>
        <notempty name="handle_time">
            <tr>
                <td>处理时间</td>
                <td>{$handle_time}</td>
            </tr>
        </notempty>
    </table>
    <script>
        layui.use('layer', function(){
            var layer = layui.layer;
            layer.photos({
                photos: '.layer-photos-demo'
                ,anim: 5 //0-6的选择，指定弹出图片动画类型，默认随机（请注意，3.0之前的版本用shift参数）
                ,tab: function(pic, layero){
                    var str = "<div style='text-align: center'>"+pic.alt+"</div>";
                    layero.prepend(str);
                }
            });
        });
    </script>
</block>